<div class="jumbotron">
    <div class="container">
    {% if mobileDevice == False %}
        <h1>Team Selector</h1>
        <p>Click 'Select a new team' button to generate a new round result.</p>
    {% else %}
    	<h2 class="myTextAlign">Team Selector</h2>
    {% endif %}
    </div>
</div>
<div class="container">
    <tr class="myBlock">
        <td>
        	<div align="center">
        		<img {% if mobileDevice == True %}class="mobileDeviceDeviceImg" {% endif %} src="{{imgA}}">
        	</div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="form-group myBlock btn-block">
                <p>{{teamA}}</p>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="form-group">
                <p>
                    <a class="btn btn-lg btn-primary btn-block" href="{% url 'generator' slug='home' %}" role="button">Select a new team</a>
                </p>
            </div>
        </td>
    </tr>
</div>
<footer>
    <div class="container">
        <p>&copy; Ronaldo Tong {% now 'Y' %}</p>
    </div>
</footer>
